<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/tab.css">
    <link rel="stylesheet" href="css/tab2.css">
    <link rel="stylesheet" href="css/index.css">
    <title>首页-成都上程数据有限公司官方网站</title>

</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="row">
                <div class=" col-md-10 col-md-offset-2">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img alt="Brand" class=" img-responsive logo"
                                src="images/index/logo.png"></a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
                            <li><a href="javascript:;">产品与服务</a>
                                <ul class="dropdown-menu">
                                    <li style="text-align: center;"><strong><a href="product-service.html">上程丨产品</a></strong>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="proudct-one.html">数字城市地名地址服务平台</a></li>
                                    <li><a href="product-two.html">毕业设计全过程综合服务平台</a></li>
                                    <li><a href="product-three.html">环境网格化综合系统</a></li>
                                    <li><a href="product-four.html">B2BB2C多用户大型电商平台</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li style="text-align: center;"><strong><a href="service.html">上程丨服务</a></strong>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="javascript:;">上程教育</a>
                                <ul class="dropdown-menu">
                                    <li><a href="school-enterprise-cooperation.html">校企合作</a></li>
                                    <li><a href="skill-training.html">技能培训</a></li>
                                    <li><a href="service-advantage.html">服务优势</a></li>
                                </ul>
                            </li>
                            <li><a href="news.html">新闻资讯</a>

                            </li>
                            <li><a href="about-us.html">关于我们</a>

                            </li>
                            <li><a href="contact-us.html">联系我们</a></li>

                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><span class="phone"><span class="glyphicon glyphicon-earphone"
                                        aria-hidden="true"></span>&nbsp;028-87850778</span></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </nav>
    <!--轮播图-->
    <div class=" my-carousel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/index/carousel1.jpg" alt="...">
                    <div class="carousel-caption">
                        <img src="images/index/pic1logo.png" alt="">
                        <h1 style="font-weight: bold;">为行业提供多种解决方案</h1>

                    </div>
                </div>
                <div class="item">
                    <img src="images/index/carousel2.jpg" alt="...">
                    <div class="carousel-caption">
                        <h3>上程数据</h3>
                        <h1 style="font-weight: bold;">软件定制开发和电商等服务</h1>
                    </div>
                </div>
                <div class="item">
                    <img src="images/index/carousel3.jpg" alt="...">
                    <div class="carousel-caption">

                        <h3>优秀师资</h3>
                        <h1 style="font-weight: bold;">培养高质量的IT人才</h1>
                    </div>
                </div>
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>

    <!--开班信息轮播-->
    <div class=" container">

        <div class="row">

            <div class=" col-md-2">
                <img src="images/index/kaibanxinxi.png" alt="">
            </div>
            <div class="col-md-8">
                <div class="liunk"></div>
            </div>

            <div class="col-md-2">
                <a class="btn btn-primary btn-lg" href="javascript:;" role="button">咨询报名</a>
            </div>
        </div>
    </div>
    <!--技能培训-->
    <h2 class="title"><strong>技能培训</strong></h2>
    <p class="xian"><img src="images/index/xian.png" alt="yigexian"></p>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="vertical-tab" role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab"
                                data-toggle="tab">JavaEE+分布式</a></li>
                        <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab"
                                data-toggle="tab">大数据</a></li>
                        <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab"
                                data-toggle="tab">HTML5前端+全栈</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content tabs">
                        <div role="tabpanel" class="tab-pane fade in active" id="Section1">
                            <div class="row">
                                <div class="col-md-7">
                                    <h3>JAVAEE+分布式</h3>
                                    <p><span></span>大数据、云计算、人工智能等新兴方向再一次推动了Java工程师的职业发展。Java开发工程师涉及到多个领域，主要负责电商、医疗、金融、ERP、物流管理、App服务端等系统功能的开发和优化工作。
                                    </p>
                                    <p>
                                        <span></span> 如何高效学习 JAVA 研发工程师技术,学员最终能独立完成JAVA分布式高并发量项目是参加我们的核心目标!
                                    </p>
                                    <p><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</p>
                                    <p><strong>培养方式及周期：</strong>全程面授、企业管理模式,敏捷开发项目实践。周期：4~5 个月</p>
                                    <p><strong>核心技术：</strong>Core JAVA ,JAVA WEB, HTML5 , CSS3 , Spring IOC,Spring
                                        MVC、Spring</p>
                                    <p><strong>岗位输出：</strong>中级 JAVA 工程师、高级 JAVA 工程师、架构师</p>
                                </div>
                                <div class="col-md-5">
                                    <img src="images/index/javaee.png" class=" img-responsive" alt="javaee">
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="Section2">
                            <div class="row">
                                <div class="col-md-7">
                                    <h3>Big data方向</h3>
                                    <p><span></span>根据数联寻英发布《大数据人才报告》显示,目前全国的大数据人才仅46万,未来3-5年内大数据人才的缺口将高达150万。
                                        本课程覆盖Hadoop,Spark,实时数据处理,离线数据处理等大数据前沿技术,每期班课程都在更新迭代,保证内容在业内持续领先。
                                    </p>
                                    <p><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</p>
                                    <p><strong>培养方式及周期：</strong>全程面授、企业管理模式,敏捷开发项目实践。周期：5 个月</p>
                                    <p><strong>核心技术：</strong>JAVA、数据库、Hadoop、MapReduce、Linux、Python基础、Spark 等</p>
                                    <p><strong>岗位输出：</strong>大数据开发工程师、大数据算法工程师、大数据分析工程师、大数据架构师、数据运维工程师</p>
                                </div>
                                <div class="col-md-5">
                                    <img src="images/index/bigdata.png" class=" img-responsive" alt="bigdata">
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="Section3">
                            <div class="row">
                                <div class="col-md-7">
                                    <h3>HTML5前端+全栈</h3>
                                    <p><span></span>HTML5前端工程师主要有三大就业方向，一是掌握前端、后端、移动端、服务器端开发技术，熟悉互联网系统架构思想，小到网页设计、网站开发，大到系统架构、性能调优等的全栈工程师；二是熟练掌握PHP后端开发技术的后端工程师；三是掌握Web前端开发技术，移动APP开发、微信小程序开发、酷炫的网站开发、桌面应用开发等的前端工程师。
                                    </p>
                                    <p><span></span>前端工程师强势崛起，市场对前端工程师的需求逐年猛增，人才缺口巨大，高级前端人才长期缺乏，随着工作经验的积累，收入水涨船高，薪资稳步增长，前景广阔，大前端时代已经到来，H5将引领变革。
                                    </p>
                                    <p><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</p>
                                    <p><strong>培养方式及周期：</strong>全程面授、企业管理模式,敏捷开发项目实践。周期：4～5 个月</p>
                                    <p><strong>核心技术：</strong>HTML5 + CSS3 核心、JavaScript核心、移动端开发、
                                        Angular、React、VUE、JSONP、npm/Yarn等</p>
                                    <p><strong>岗位输出：</strong>HTML5前端全栈工程师</p>
                                </div>
                                <div class="col-md-5">
                                    <img src="images/index/H5.png" class=" img-responsive" alt="javaee">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--产品服务-->
    <h2 class="title"><strong>产品服务</strong></h2>
    <p class="xian"><img src="images/index/xian.png" alt="yigexian"></p>
    <div class=" container">
        <div class="row">
            <div class=" col-md-6">
                <div class="row product-service">
                    <div class=" col-md-4">
                        <img src="images/index/productservice1.png" class=" img-responsive" alt="产品服务图">
                    </div>
                    <div class=" col-md-8">
                        <div class="product-service-title"><a style="color: rgb(51, 51, 51);"
                                href="proudct-one.html">数字城市地名地址服务平台</a></div>
                        <p>我们有信心、有实力、有能力，为民政系统提供信息化建设与服务！本平台结合大数据、GIS定位等技术，操作方便性、结果直观性，解决政府和公共服务问题。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row product-service">
                    <div class=" col-md-4">
                        <img src="images/index/productservice2.jpg" class=" img-responsive" alt="产品服务图">
                    </div>
                    <div class=" col-md-8">
                        <div class="product-service-title"><a style="color: rgb(51, 51, 51);"
                                href="product-two.html">毕业设计全过程综合服务平台</a></div>
                        <p>本毕业设计过程管理及质量控制综合服务平台使用计算机对毕业设计过程信息进行综合管理，对毕业设计质量进行精细化控制，具有手工管理方式无法比拟的优点</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class=" col-md-6">
                <div class="row product-service">
                    <div class=" col-md-4">
                        <img src="images/index/productservice3.png" class=" img-responsive" alt="产品服务图">
                    </div>
                    <div class=" col-md-8">
                        <div class="product-service-title"><a style="color: rgb(51, 51, 51);"
                                href="product-three.html">环境网格化综合系统</a></div>
                        <p>本系统以更智慧、更精准、更便捷、更科学地成为企业的督导，政府的管家，助力政府部门实现科学化、精细化的环境监管。为环境监管工作提供了“最强大脑”。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row product-service">
                    <div class=" col-md-4">
                        <img src="images/index/productservice4.jpg" class=" img-responsive" alt="产品服务图">
                    </div>
                    <div class=" col-md-8">
                        <div class="product-service-title"><a style="color: rgb(51, 51, 51);"
                                href="product-four.html">B2BB2C多用户大型电商平台</a></div>
                        <p>本系统为企业打造类京东/天猫/苏宁盈利模式B2B2C电商平台，支持自营与商户入驻模式共存，系统安全、稳定、可扩展性强。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--品牌展示-->
    <h2 class="title"><strong>品牌展示</strong></h2>
    <p class="xian"><img src="images/index/xian.png" alt="yigexian"></p>
    <div class=" container">
        <div class=" row">
            <div class="col-md-3 brand-display"><img src="images/index/brand1.png" class=" img-responsive" alt="品牌图标">
                <h2>20+</h2>
                <p>产品及客户</p>
            </div>
            <div class="col-md-3 brand-display"><img src="images/index/brand2.png" class=" img-responsive" alt="品牌图标">
                <h2>30+</h2>
                <p>合作高校</p>
            </div>
            <div class="col-md-3 brand-display"><img src="images/index/brand3.png" class=" img-responsive" alt="品牌图标">
                <h2>15000+</h2>
                <p>实习实训人数</p>
            </div>
            <div class="col-md-3 brand-display"><img src="images/index/brand4.png" class=" img-responsive" alt="品牌图标">
                <h2>600+</h2>
                <p>培训人数</p>
            </div>
        </div>
    </div>
    <!--合作伙伴-->
    <h2 class="title"><strong>合作伙伴</strong></h2>
    <p class="xian"><img src="images/index/xian.png" alt="yigexian"></p>
    <div class=" container">
        <div class="row">
            <div class=" col-md-3 cooperative"><img src="images/index/beijing.png" class=" img-responsive" alt="学校图标">
            </div>
            <div class=" col-md-3 cooperative"><img src="images/index/sicuandaxue.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/dianzikeji.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/xinjiangdaxue.png" class=" img-responsive"
                    alt="学校图标"></div>
        </div>
        <div class="row">
            <div class=" col-md-3 cooperative"><img src="images/index/xinanjiaotongdaxue.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/chengduligong.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/hubeigongye.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/chengduxinxigongcheng.png" class=" img-responsive"
                    alt="学校图标">
            </div>
        </div>
        <div class="row">
            <div class=" col-md-3 cooperative"><img src="images/index/xinancaijing.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/panzhihua.png" class=" img-responsive" alt="学校图标">
            </div>
            <div class=" col-md-3 cooperative"><img src="images/index/chengdugongye.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-3 cooperative"><img src="images/index/xinankeji.png" class=" img-responsive" alt="学校图标">
            </div>
        </div>
        <div class="row">
            <div class=" col-md-4 cooperative"><img src="images/index/wuhanligong.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-4 cooperative"><img src="images/index/sicuanligong.png" class=" img-responsive"
                    alt="学校图标"></div>
            <div class=" col-md-4 cooperative"><img src="images/index/nanyangshifang.png" class=" img-responsive"
                    alt="学校图标"></div>
        </div>
    </div>
    <!--新闻资讯-->
    <h2 class="title"><strong>新闻资讯</strong></h2>
    <p class="xian"><img src="images/index/xian.png" alt="yigexian"></p>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="tab" role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#IndustryInformation" aria-controls="home"
                                role="tab" data-toggle="tab">行业资讯</a></li>
                        <li role="presentation"><a href="#CompanyInformation" aria-controls="profile" role="tab"
                                data-toggle="tab">公司资讯</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content tabs">
                        <div role="tabpanel" class="tab-pane fade in active" id="IndustryInformation">
                            <div class="row">
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/news1.jpg" class=" img-responsive" alt="新闻图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-one.html">软件开发工程师培训的选择</a></div>
                                            <span>软件开发工程师一般指从事软件开发职业的人</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/news2.png" class=" img-responsive" alt="新闻图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-two.html">软件工程师学那么多，真的有用吗？</a></div>
                                            <span>身为一名专业的软件测试工程师，提升自身的软件测试技能至关重要，为此要学习许多专业知识，例如：....</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/news3.jpg" class=" img-responsive" alt="新闻图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-three.html">学习IT行业有用吗？现在学习IT就业如何？</a></div>
                                            <span>现在学习IT行业是相当有用的，随着社会现代化高速发展，IT行业将会成为新时代的最佳就业选择...</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/news4.jpeg" class=" img-responsive" alt="新闻图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-four.html">怎样才能学号软件开发？</a></div>
                                            <span>传统的职业教育并不能给我们带来体面的高薪工作。一旦选错专业，学完之后我们的可能就是只能当上个....</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="CompanyInformation">
                            <div class="row">
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/miku1.jpg" class=" img-responsive" alt="产品服务图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-one.html">软件开发工程师培训的选择</a></div>
                                            <span>软件开发工程师一般指从事软件开发职业的人</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/miku2.jpg" class=" img-responsive" alt="产品服务图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-two.html">软件工程师学那么多，真的有用吗？</a></div>
                                            <span>身为一名专业的软件测试工程师，提升自身的软件测试技能至关重要，为此要学习许多专业知识，例如：....</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/miku3.jpg" class=" img-responsive" alt="产品服务图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-three.html">学习IT行业有用吗？现在学习IT就业如何？</a></div>
                                            <span>现在学习IT行业是相当有用的，随着社会现代化高速发展，IT行业将会成为新时代的最佳就业选择...</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                                <div class=" col-md-6 news">
                                    <div class="row">
                                        <div class=" col-md-4">
                                            <img src="images/index/miku4.jpg" class=" img-responsive" alt="产品服务图">
                                        </div>
                                        <div class=" col-md-8">
                                            <div class="news-title"><a style="color: rgb(51, 51, 51);"
                                                    href="news-detail-four.html">怎样才能学号软件开发？</a></div>
                                            <span>传统的职业教育并不能给我们带来体面的高薪工作。一旦选错专业，学完之后我们的可能就是只能当上个....</span>
                                            <p>发布时间：2019-10-21</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class=" container-fluid footer">
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <img src="images/index/footerlogo.png" class=" img-responsive" alt="底部logo">
            </div>
        </div>
        <div class="row">
            <div class=" col-md-5 col-md-offset-2">
                <p><strong style="color:white;">专业、开放、诚信、共享,为智慧教育助力,为教者赋能。</strong></p>
            </div>
            <div class=" col-md-5">
                <p style="color: white;"><a href="javascript:;">技能培训 </a>｜ <a href="javascript:;">上程产品</a> ｜<a
                        href="javascript:;"> 新闻资讯</a> ｜<a href="javascript:;"> 关于我们</a></p>
                <div class="col-md-offset-1">
                    <a href="javascript:;"><img src="images/index/qqicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/index/weixinicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/index/phoneicon.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <p style="color: white;">Copyright ©2019 成都上程数据有限公司所有 All Rights Reserved 蜀ICP备19012431号-1</p>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>